<div class="media-list groupHeight" ng-click="closePopup($event)" style="background: #ececec;">
    <!-- 群组-右侧 -->
    <div class="group-content" style="position: absolute;top: 0;right: 0;left: 432px;bottom: 0;">
    	<!-- 群组信息 -->
		<div style="height: 68px;line-height: 68px;background-color: #fff;border-bottom: 2px solid #ccc;position: absolute;top: 0;right: 0;left: 2px;bottom: 0;">
			<div class="pull-left" style="line-height: 24px;margin-top: 12px;">
				<div style="padding-left: 13px;" class="font-black5" style="">{{ currentOrgName }}</div>
				<div style="padding-left: 13px;" class="font-black3" style=""><span class="font-red2">{{ total }}</span>个成员</div>
			</div>
		</div>
		<div data-ng-if="currentOrgId" class="userCardSearch groupListHeight input-group pull-left" style="position: absolute;right: 0;left: 0px;top: 46px; clear:both;">
			<input name="userCard" class="form-control ng-pristine ng-valid"  data-ng-keydown="enterSearch($event)" style="width:226px;"
			data-ng-model="searchObj.searchKeyUser" data-ng-model="searchObj.searchKeyUser"  placeholder="请输入用户姓名进行搜索">
			<button class=" btn btn-default" style="border-left: 0;" data-ng-click="searchUser()">搜索</button>
		</div>
		<!-- 群组成员列表 -->
	    <div data-fc-scroll-bar class="groupListHeight1" style="position: absolute;top: 109px;right: 0;left: 0px;bottom: 0;background: #ececec;clear:both;">
		    <div class="groupListHeight group-list">
			    <!-- 详情卡片 -->
		    	<div id="mydiv1" class="div-card-info">
		    		<div data-ng-if="user!=null && user.userId!=null" class="div-card-info1">
			    		<div class="font-black1"><strong>{{user.userName}}</strong></div>
			  			<div class="div-card-user" data-ng-class="{'img-card-men-explore':user.sex === 0, 'img-card-women-explore':user.sex === 1 }">
			  				<img data-ng-src="restful/userimage/{{ user.userId }}" class="img-circle img-card-user"/>
			  			</div>
				   		<div style="margin-left: 8px;" class="font-black2 hand">
					   		<div data-fc-scroll-bar class="fancy-scrollbar"
					   		style="margin-top:32px;margin-bottom:8px;width:234px;min-height: 17px;max-height: 180px;overflow-y: auto;overflow-x: hidden;text-align: left;position: relative;">
					   			<div id="post" data-ng-mouseover="changeUserOrg(true)" >{{ user.orgTips | title }}</div>
						   		<div id="org" data-ng-mouseleave="changeUserOrg(false)" style="margin-top: 10px;display: none;">
					   			<div data-ng-repeat="org in user.userOrg">
						   			<div class="img-card-org">{{org.parentOrgs}}</div>
						   			<div style="margin-left:28px;margin-top:6px;">{{org.postName}}</div>
						   		</div>
				   			</div>
					   		</div>
					   		<div style="margin-top:8px;text-align: left;" class="img-card-plane">{{user.tel==null||user.tel===""?"电话号码":user.tel}}</div>
					   		<div style="margin-top:8px;text-align: left;" class="img-card-cellphone">{{user.mobile==null||user.mobile===""?"手机号码":user.mobile}}</div>
					   		<div style="margin-top:8px;text-align: left;" class="img-card-mail">{{user.email==null||user.email===""?"邮箱":user.email}}</div>
				   		</div>
				   		<button class="font-white3 btn btn-primary" data-ng-click="selectSearch(user)" style="margin-top: 24px;width: 136px;height: 32px;">发起会话</button>
			   		</div>
		    		<div data-ng-if="user!=null && user.userId===null">
		    			<div style="height: 6px;background-color: #e74d3c;border-top-left-radius: 4px;border-top-right-radius: 4px;"></div>
		    			<div style="text-align: center;" class="div-card-info2">
		    				<img src="././images/common/icon_expression.png" style="margin-bottom: 12px;"/>
		    				<br/>主人~此功能已经封印，需要召唤神龙才能打开~
		    			</div>
		    		</div>
		    	</div>
		    	<div class="groupList">
				   	<!-- 成员卡片列表 -->
			        <div data-ng-repeat="user in data" data-fc-user-card="user" align="left"></div>
		        </div>
		        <div class=" panel-default ng-cloak ng-table-pager" style="clear:both;padding-left:0px; ">
				<div data-ng-if="pages.length" class="ng-table-counts btn-group pull-left">
					<ul class="pagination ng-table-pagination">
						<li data-ng-class="{'active': !page.active && page.type != 'more' }" data-ng-repeat="page in pages" data-ng-switch="page.type">
							<a data-ng-switch-when="prev" data-ng-click="gotoPage(page.number)" href=""> &laquo; </a> 
							<a data-ng-switch-when="first" data-ng-click="gotoPage(page.number)" href=""><span data-ng-bind="page.number"></span></a> 
							<a data-ng-switch-when="page" data-ng-click="gotoPage(page.number)" href=""><span data-ng-bind="page.number"></span></a> 
							<a data-ng-switch-when="more" href="">&#8230;</a> 
							<a data-ng-switch-when="last" data-ng-click="gotoPage(page.number)" href=""><span data-ng-bind="page.number"></span></a> 
							<a data-ng-switch-when="next" data-ng-click="gotoPage(page.number)" href=""> &raquo; </a></li>
					</ul>
				</div>
			</div>
		    </div>
	    </div>
    </div>
</div>
